:root {
  --table-cols: 7;
}

#filedrop {
  width: 400px;
  height: 100px;
  background-color: darkgrey;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#export-buttons {
  white-space: nowrap;
  vertical-align: top;
}

#fight-table {
  display: grid;
  grid-template-columns: repeat(var(--table-cols), max-content);
  align-items: center;
}

#fight-table .header {
  border-bottom: solid black 2px;
  font-weight: bold;
}

#fight-table > div {
  padding: 4px 8px 8px 4px;
}

.input-label {
  display: block;
  margin: 5px 10px 10px 5px;
}

.button-label {
  display: inline-block;
  margin: 5px 10px 10px 5px;
}

button {
  padding: 5px;
}

.hide {
  display: none;
}

.error {
  font-weight: bold;
  color: red;
}

.warn {
  font-weight: bold;
  color: yellow;
}

.info {
  font-weight: bold;
  color: darkgreen;
}
